﻿@{
    ViewBag.Title = "首页";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

@section HeaderScripts
{
    <script type="text/javascript">
        $(window).load(function () {
            //if ($("#picShow").length > 0) {
            //    var slider = new GSSlider("#picShow");
            //    slider.Start();
            //}
            $('.flexslider').flexslider({
                animation: "slide",
                animationLoop: true,
                slideshowSpeed: 10000
            });
        });
    </script>
}

<div class="mainCenterContent">
    <div class="flagBid">
        <span>We are the Warm Family Builder! Be Professional! Be Happiness!</span>
    </div>
    <div id="SearchPanel">
        <h1>SEARCH HOMES FOR SALE</h1>
        <input id="searchInputTextbox" type="text" />
        <div id="SearchButton"></div>
    </div>

    <div id="divProducts">
        <div class="header">
            <span style="float:left;">
            Homes in <font style="color:#EC651F; font-weight:bold;">Our Company</font>
            </span>
            <div class="clearFloat"></div>
        </div>
        
        <div class="productHolder">
            <div class="flexslider" style="width:100%; margin-bottom:20px;">
                <ul class="slides">
                    <li>
                        <ul class="products">
                            <li>
                                <div class="item">
                                    <div class="image"><img src="../../Content/Images/Products/1.jpg" /></div>
                                    <div class="spec"><span>3132 Washington, San Francisco</span></div>
                                </div>
                            </li>
                            <li>
                                <div class="item">
                                    <div class="image"><img src="../../Content/Images/Products/2.jpg"/></div>
                                    <div class="spec"><span>3132 Washington, San Francisco</span></div>
                                </div>
                            </li>
                            <li>
                                <div class="item">
                                    <div class="image"><img src="../../Content/Images/Products/3.jpg" /></div>
                                    <div class="spec"><span>3132 Washington, San Francisco</span></div>
                                </div>
                            </li>
                            <li style="margin-right:0px;">
                                <div class="item">
                                    <div class="image"><img src="../../Content/Images/Products/4.jpg"/></div>
                                    <div class="spec"><span>3132 Washington, San Francisco</span></div>
                                </div>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <ul class="products">
                            <li>
                                <div class="item">
                                    <div class="image"><img src="../../Content/Images/Products/1.jpg" /></div>
                                    <div class="spec"><span>3132 Washington, San Francisco</span></div>
                                </div>
                            </li>
                            <li>
                                <div class="item">
                                    <div class="image"><img src="../../Content/Images/Products/2.jpg"/></div>
                                    <div class="spec"><span>3132 Washington, San Francisco</span></div>
                                </div>
                            </li>
                            <li>
                                <div class="item">
                                    <div class="image"><img src="../../Content/Images/Products/3.jpg" /></div>
                                    <div class="spec"><span>3132 Washington, San Francisco</span></div>
                                </div>
                            </li>
                            <li style="margin-right:0px;">
                                <div class="item">
                                    <div class="image"><img src="../../Content/Images/Products/4.jpg"/></div>
                                    <div class="spec"><span>3132 Washington, San Francisco</span></div>
                                </div>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <ul class="products">
                            <li>
                                <div class="item">
                                    <div class="image"><img src="../../Content/Images/Products/1.jpg" /></div>
                                    <div class="spec"><span>3132 Washington, San Francisco</span></div>
                                </div>
                            </li>
                            <li>
                                <div class="item">
                                    <div class="image"><img src="../../Content/Images/Products/2.jpg"/></div>
                                    <div class="spec"><span>3132 Washington, San Francisco</span></div>
                                </div>
                            </li>
                            <li>
                                <div class="item">
                                    <div class="image"><img src="../../Content/Images/Products/3.jpg" /></div>
                                    <div class="spec"><span>3132 Washington, San Francisco</span></div>
                                </div>
                            </li>
                            <li style="margin-right:0px;">
                                <div class="item">
                                    <div class="image"><img src="../../Content/Images/Products/4.jpg"/></div>
                                    <div class="spec"><span>3132 Washington, San Francisco</span></div>
                                </div>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <ul class="products">
                            <li>
                                <div class="item">
                                    <div class="image"><img src="../../Content/Images/Products/1.jpg" /></div>
                                    <div class="spec"><span>3132 Washington, San Francisco</span></div>
                                </div>
                            </li>
                            <li>
                                <div class="item">
                                    <div class="image"><img src="../../Content/Images/Products/2.jpg"/></div>
                                    <div class="spec"><span>3132 Washington, San Francisco</span></div>
                                </div>
                            </li>
                            <li>
                                <div class="item">
                                    <div class="image"><img src="../../Content/Images/Products/3.jpg" /></div>
                                    <div class="spec"><span>3132 Washington, San Francisco</span></div>
                                </div>
                            </li>
                            <li style="margin-right:0px;">
                                <div class="item">
                                    <div class="image"><img src="../../Content/Images/Products/4.jpg"/></div>
                                    <div class="spec"><span>3132 Washington, San Francisco</span></div>
                                </div>
                            </li>
                        </ul>
                    </li>
                </ul>
            </div>
            
            <div class="clearFloat" ></div>
        </div>
    </div>
</div>


<div style="width:100%; background-color:#eaedf6; display:inline-block;">
    <div class="mainCenterContent" style="margin-top:10px;">
        <div class="divCompanyIntro" >
            <div class="header">
                <span style="float:left;">
                    Introduction of <font style="color:#EC651F; font-weight:bold;">Our Company</font>
                </span>
                <div class="clearFloat"></div>
            </div>
            <div class="content">
                <p>很多中小企业对公司简介不知道如何写,不是写的太少就是写的太多,总是不能好好把握,今天我们在这里好好说说关于公司简介的书写方法.很多中小企业对公司简介不知道如何写,不是写的太少就是写的太多,总是不能好好把握,今天我们在这里好好说说关于公司简介的书写方法.</p>
                <p>很多中小企业对公司简介不知道如何写,不是写的太少就是写的太多,总是不能好好把握,今天我们在这里好好说说关于公司简介的书写方法.很多中小企业对公司简介不知道如何写,不是写的太少就是写的太多,总是不能好好把握,今天我们在这里好好说说关于公司简介的书写方法.</p>
                <p>很多中小企业对公司简介不知道如何写,不是写的太少就是写的太多,总是不能好好把握,今天我们在这里好好说说关于公司简介的书写方法.很多中小企业对公司简介不知道如何写,不是写的太少就是写的太多,总是不能好好把握,今天我们在这里好好说说关于公司简介的书写方法.</p>
            </div>
            <br />
            <br />
        </div>
        <div class="leftPartSplitter gdSplitter"></div>
        <div class="divCompanyIntro" style="width:464px;" >
            <div class="header">
                <span style="float:left;">
                    Map of <font style="color:#EC651F; font-weight:bold;">Our Company</font>
                </span>
                <div class="clearFloat"></div>
            </div>
            <div class="content">
                <img id="CompanyMap" src="../../Content/Images/Sprites/SIP map_small.jpg" width="100%" height="270px" onclick="javascript:window.open('../../Content/Images/Sprites/SIP map.jpg');" />
            </div>
            <br />
            <br />
        </div>
        <div class="clearFloat"></div>
    </div>
</div>

<div style="width:100%; background-color:#546EA2;">
    <div class="mainCenterContent" style="color:white;">
        <div class="LeftPart">
            <div class="header">
                Culture of <font style="color:#FFAA2A; font-weight:bold;">Company Name</font>
            </div>
            <div class="content" style="margin-top:15px;">
                <p>很多中小企业对公司简介不知道如何写,不是写的太少就是写的太多,总是不能好好把握,今天我们在这里好好说说关于公司简介的书写方法.很多中小企业对公司简介不知道如何写,不是写的太少就是写的太多,总是不能好好把握,今天我们在这里好好说说关于公司简介的书写方法</p>
                <p>很多中小企业对公司简介不知道如何写,不是写的太少就是写的太多,总是不能好好把握,今天我们在这里好好说说关于公司简介的书写方法.很多中小企业对公司简介不知道如何写,不是写的太少就是写的太多,总是不能好好把握,今天我们在这里好好说说关于公司简介的书写方法</p>
            </div>
        </div>
        <div class="leftPartSplitter gdSplitter"></div>
        <div class="LeftPart">
            <div class="header">
                Company policy of <font style="color:#FFAA2A; font-weight:bold;">Company Name</font>
            </div>
            <div class="content" style="margin-top:15px;">
                <p>很多中小企业对公司简介不知道如何写,不是写的太少就是写的太多,总是不能好好把握,今天我们在这里好好说说关于公司简介的书写方法.很多中小企业对公司简介不知道如何写,不是写的太少就是写的太多,总是不能好好把握,今天我们在这里好好说说关于公司简介的书写方法</p>
                <p>很多中小企业对公司简介不知道如何写,不是写的太少就是写的太多,总是不能好好把握,今天我们在这里好好说说关于公司简介的书写方法.很多中小企业对公司简介不知道如何写,不是写的太少就是写的太多,总是不能好好把握,今天我们在这里好好说说关于公司简介的书写方法</p>
            </div>
        </div>
        <div class="clearFloat"></div>
    </div>
</div>